{% extends 'base.html' %}

{% block body-sidebar-menu %}
  {% include 'components/sidebar/resources.html' %}
{% endblock %}

{% block crumbs-right %}
  {% block crumbs-right-extend %}
  {% endblock %}
{% endblock %}

{% block body %}
  <div>
    <div id="search-results" class="tw:hidden tw:mb-4 tw:p-3 tw:bg-blue-50 tw:border tw:border-blue-200 tw:rounded-lg">
      <div class="tw:flex tw:justify-between tw:items-center">
        <span class="tw:font-medium tw:text-blue-700">{% trans '搜索结果' %}: {% trans '找到' %}<span id="result-count">0</span>{% trans '个文件' %}</span>
        <button id="clear-search" class="tw:text-blue-700 tw:hover:text-blue-900">
          <i class="tw:fas tw:fa-times"></i> {% trans '清除搜索' %}
        </button>
      </div>
      <div id="no-results" class="tw:asdfasdf {{ hello }} tw:hidden tw:mt-2 tw:text-gray-500">{% trans '没有文件满足搜索条件' %}</div>
    </div>

    <div id="file-explorer">
    </div>
  </div>
{% endblock %}
